<template>
  <div class="page">
    <CommonList :requestUrl="requestUrl" :columns="columns" :queryFormItems="queryFormItems">
      <template v-slot:time>
        <el-table-column prop="type" label="出生日期" align="center">
          <template #default="{ row }"> {{ row.start_date }}~ {{ row.end_date }} </template>
        </el-table-column>
      </template>
    </CommonList>
  </div>
</template>
<script lang="ts" setup>
import CommonList from '@/components/CommonList.vue'

const requestUrl = 'flowerLangs'

const columns = [
  { prop: 'cn_name', label: '花名' },
  { prop: 'en_name', label: '英文花名' },
  { prop: 'lang', label: '花语' },
  { prop: 'motto', label: '格言' },
  { prop: 'create_time', label: '添加时间' }
]
const queryFormItems = [
  { prop: 'cn_name', label: '花名' },
]
</script>
